<html>
  <head>
    <meta charset="utf-8">

    <style>
      #mainDock {
        position: relative;
      }
      h2 {
        margin: auto;
      }
      h2 span {
        color: #090;
      }
      body {
        margin: 3px;
      }
    </style>
    <link rel="import" href="app://bower_components/polymer/polymer.html">
    <link rel="import" href="app://bower_components/iron-flex-layout/iron-flex-layout.html">
    <link rel="stylesheet" href="app://bower_components/fontawesome/css/font-awesome.min.css">
    
    <link rel="stylesheet" type="text/css" href="app://css/layout.css"/>
  
    <link rel="stylesheet" type="text/css" href="app://node_modules/jQuery-contextMenu/src/jquery.contextMenu.css"/>
    <script src="app://node_modules/jquery/dist/jquery.min.js" onload="window.$ = window.jQuery = module.exports;"></script>

    <!--<script src="app://js/jquery.js" onload="window.$ = window.jQuery = module.exports;"></script>-->

    <!--<script src="app://js/jquery-1.8.3.js" ></script>-->

    <script src="app://node_modules/jQuery-contextMenu/src/jquery.contextMenu.js"></script>
    <script src="app://node_modules/jQuery-contextMenu/src/jquery.ui.position.js"></script>
    <script src="app://node_modules/FileSaver/FileSaver.js"></script>
    <script type="text/javascript" src="app://third/html5/cocos2d-js.js" charset="UTF-8"></script>

    <link rel="stylesheet" type="text/css" href="app://js/jsgrid.css" />     
    <script type="text/javascript" src="app://js/jsgrid.js"></script>
    <link rel="stylesheet" type="text/css" href="app://js/jsgrid-theme.css" /> 

    <!--<link rel="stylesheet" type="text/css" href="app://js/jquery-ui-1.9.2.custom.css" />  
    <script type="text/javascript" src="app://js/jquery-ui-1.9.2.custom.js"></script> 
    <link rel="stylesheet" type="text/css" href="app://js/themes/office/pqgrid.css" /> 
    <link rel="stylesheet" type="text/css" href="app://js/pqgrid.dev.css" /> 
    <script type="text/javascript" src="app://js/pqgrid.dev.js"></script>-->

    <script src="app://js/util.js"></script>
    <script src="app://js/keycode.js"></script>
    <script src="app://js/renderUndo.js"></script>
    <script src="app://js/cocosUtil.js"></script>
    <script src="app://js/UIUtil.js"></script>
    <script src="app://third/fabric.js/dist/fabric.js"></script>
    
    <script src="app://render/ipc.js"></script>
    <script src="app://render/console.js"></script>

    <link rel="import" href="app://ext/init.html">
    <link rel="import" href="app://prop/index.html">

    <link rel="import" href="app://packages/td-tree-view/widget/td-tree-view.html">
    <link rel="import" href="app://packages/td-tree-view/widget/td-tree-item.html">

    <link rel="import" href="app://packages/nodeorder/panel/nodeorder.html">
    <link rel="import" href="app://packages/resorder/panel/resorder.html">
    <link rel="import" href="app://packages/controlpanel/panel/controlpanel.html">
    <link rel="import" href="app://packages/console/panel/console.html">
    <link rel="import" href="app://packages/renderpanel/panel/renderpanel.html">
    <link rel="import" href="app://packages/proppanel/panel/proppanel.html">
    <!--<link rel="import" href="app://packages/gridpanel/panel/gridpanel.html">-->

    <!-- Core Modules -->
    <link rel="stylesheet" type="text/css" href="app://js/wcDocker.css"/>
    <script src="app://js/wcDocker.js"></script>

    <!-- Demo specific files -->
    <link rel='stylesheet' href='app://js/spectrum.css'/>
    <script src='app://js/spectrum.js'></script>
    <script src="app://layout.js"></script>

  </head>

  <body >
      
    <div class="dockerContainer" style="position:absolute;left:0px;right:0px;top:0px;bottom:0px;border:3px solid black"></div>
    <script>
      
    </script>
  </body>
</html>
